<div class="max-w-xs leading-6 mb-8 bg-gray-300" id="of-content1" tiOverflow>{{textContent}}</div>
<div class="max-w-xs leading-6 mb-8 bg-gray-300" id="of-content2" tiOverflow tiTipContent="自定义提示内容">{{textContent}}</div>
<div class="max-w-xs leading-6 mb-8 bg-gray-300" id="of-content3" tiOverflow tiTipContent="">{{textContent1}}</div>
<div class="max-w-xs leading-6 mb-8 bg-gray-300" id="of-content4" tiOverflow [maxLine]="2" tiTipContent="自定义提示内容">
  多行：{{textContent}}
</div>
<div class="max-w-xs leading-6 bg-gray-300" id="of-content4" tiOverflow [maxLine]="2" tiTipContent="">多行：设置为空，{{textContent}}</div>
